home *** CD-ROM | disk | FTP | other *** search
/ PC World 2002 March / PCWorld_2002-03_cd.bin / Komunik / opera / mac / Opera5.0Installer.PPC.sit / Opera 5.0 Installer.PPC / Help / english / help.css < prev    next >
Cascading Style Sheet File  |  2001-12-14  |  8KB  |  493 lines
  1. /* general help styles **********************************************/
  2.  
  3. @media screen, projection { 
  4.   body {
  5.     margin-left: auto;
  6.     margin-right: auto;
  7.     max-width: 45em;
  8.   }
  9. }
  10.  
  11. @media print {
  12.   body, table {
  13.     font-family: "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  14.     font-size: 12pt;
  15.   }
  16. }
  17. @media screen {
  18.   body, table {
  19.     font-family: "Verdana", "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  20.     font-size: 13px;
  21.   }
  22.   h1,h2 { 
  23.     font-weight: normal;
  24.   }
  25. }
  26.  
  27. body {
  28.   background-color: white;
  29.   color: black;
  30. }
  31.  
  32. h2 {
  33.   border-bottom: 1px solid black;
  34.   margin-top: 2em;
  35. }
  36.  
  37. @media projection {
  38.   h2 { 
  39.     page-break-before: always;
  40.   }
  41.   hr, .copyright {
  42.     display: none;
  43.   }
  44. }
  45.  
  46. hr {
  47.   height: 1px;
  48.   width: 100%;
  49. }
  50.  
  51. .alfa {
  52.   list-style: lower-alpha;
  53. }
  54.  
  55. .block {
  56.   margin-left: 2em;
  57.   margin-right: 2em;
  58. }
  59.  
  60. .indent {
  61.   margin-left: 3em;
  62. }
  63.  
  64. /* styles for links *************************************************/
  65.  
  66. a:link, a:visited, .fakelink { 
  67.   text-decoration: underline;
  68.   color: blue;
  69. }
  70.  
  71. a:hover { 
  72.   text-decoration: underline;
  73.   color: red;
  74. }
  75.  
  76. /* styles for text types ********************************************/
  77.  
  78. .url, .mailaddress, .html, .mime, .file { 
  79.   font-family: "Lucida Console", "Courier New", monospace;
  80.   color: green;
  81.   white-space: nowrap;
  82. }
  83.  
  84. kbd {
  85.   color: #333333;
  86.   background-color: #EFEFEF;
  87.   font-family: "Verdana";
  88.   font-weight: normal;
  89.   font-size: 80%;
  90.   text-align: center;
  91.   border-top: 2px double #CFCFCF;
  92.   border-left: 3px solid #BABABA;
  93.   border-right: 4px solid #AAAAAA;
  94.   border-bottom: 6px solid #909090;
  95.   padding-left: 0.2em;
  96.   padding-top: 0em;
  97.   padding-right: 0.2em;
  98.   padding-bottom: 0em;
  99.   line-height: 1.6em;
  100.   vertical-align: middle;
  101.   white-space: nowrap;
  102. }
  103.  
  104. .keyseq {
  105.   white-space: nowrap;
  106. }
  107.  
  108. em {
  109.   font-weight: bold;
  110.   font-style: normal;
  111. }
  112.  
  113. .term { 
  114.   font-style: italic;
  115. }
  116.  
  117. .note {
  118.   color: red;
  119.   font-weight: bold;
  120. }
  121.  
  122. .grayed {
  123.   color: gray;
  124. }
  125.  
  126. .copyright {
  127.   font-size: 0.75em;
  128.   text-align: center;
  129. }
  130.  
  131. .tea {
  132.   white-space: nowrap;
  133. }
  134.  
  135. /* styles for tables ************************************************/
  136.  
  137. td, th { 
  138.   text-align: left; 
  139.   vertical-align: top; 
  140. }
  141.  
  142. /* nice tables */
  143.  
  144. table.nice {
  145.   border-collapse: collapse;
  146.   border-style: hidden;
  147.   border-spacing: 0;
  148. }
  149.  
  150. .nice td, .nice th {
  151.   border: 1px dotted black;
  152.   padding: 0.25em;
  153. }
  154.  
  155. .nice th {
  156.   white-space: nowrap;
  157. }
  158.  
  159. /* keyboard tables */
  160.  
  161. .keytable table {
  162.   width: 100%;
  163.   border-collapse: collapse;
  164.   border-style: hidden;
  165.   border-spacing: 0;
  166. }
  167.  
  168. .keytable td {
  169.   width: 20%;
  170.   white-space: nowrap;
  171.   font: menu;
  172.   border: 1px dotted black;
  173.   padding: 0.25em;
  174.   padding-left: 0.5em;
  175. }
  176.  
  177. .keytable th {
  178.   width: 80%;
  179.   font-weight: normal;
  180.   border: 1px dotted black;
  181. }
  182.  
  183. .keytable h3 {
  184.   margin-bottom: 0;
  185.   margin-top: 0.75em;
  186. }
  187.  
  188. /* gesture tables */
  189.  
  190. .gestures table {
  191.   width: 100%;
  192.   border-collapse: collapse;
  193.   border-style: hidden;
  194.   border-spacing: 0;
  195. }
  196.  
  197. .gestures td {
  198.   width: 50%;
  199.   white-space: nowrap;
  200.   border: 1px dotted black;
  201. }
  202.  
  203. .gestures th {
  204.   width: 50%;
  205.   font-weight: normal;
  206.   border: 1px dotted black;
  207. }
  208.  
  209. /* styles for dialogs ***********************************************/
  210.  
  211. .prefs {
  212.     background-color: ThreeDFace;
  213.     color: WindowText;
  214.     font-family: "MS Sans Serif", sans-serif;
  215.     font-size: 12px;
  216.     border-top: 2px solid ThreeDLightShadow;
  217.     border-right: 2px solid ThreeDShadow;
  218.     border-bottom: 2px solid ThreeDShadow;
  219.     border-left: 2px solid ThreeDLightShadow;
  220.     min-width: 500px;
  221. }
  222. .titlebar {
  223.     font-family: "MS Sans Serif", sans-serif;
  224.     background-color: ActiveCaption;
  225.     font-size: 14px;
  226.     font-weight: bold;
  227.     color: CaptionText;
  228.     margin-bottom: 4px;
  229. }
  230. .groupbox {
  231.     font-family: "MS Sans Serif", sans-serif;
  232.     border: 2px groove ThreeDFace;
  233.     margin-left: 4px;
  234.     margin-right: 4px;
  235.     margin-bottom: 2px;
  236.     margin-top: 0px;
  237.     padding: 6px;
  238. }
  239. .groupbox td {
  240.         color: WindowText;
  241. }
  242. .grouptitle {
  243.     font-family: "MS Sans Serif", sans-serif;
  244.     font-weight: bold;
  245.     margin-bottom: 0px;
  246.     margin-left: 10px;
  247. }
  248.  
  249. .groupbox ul,
  250. .groupbox li,
  251. .block ul,
  252. .block li,
  253. .ui ul,
  254. .ui li,
  255. .keytable ul,
  256. .keytable li,
  257. .nice ul,
  258. .nice li,
  259. ul.lean,
  260.   .lean li
  261. { 
  262.   list-style: none;
  263.   margin: 0;
  264.   padding: 0;
  265.   spacing: 0;
  266. }
  267.  
  268. .mailbuttons {
  269.   margin-bottom: 1em;
  270. }
  271.  
  272. .mal {
  273.   text-align: right;
  274. }
  275.  
  276. .fixbrowse { 
  277.   text-align: right;
  278. }
  279.  
  280. /* styles for menus *************************************************/
  281.  
  282. table.mainmenu, table.menu {
  283.   border-spacing: 0;
  284. }
  285.  
  286. .menu th, .menu td, .mainmenu th {
  287.   text-align: left;
  288.   font-weight: normal;
  289.   vertical-align: top;
  290.   white-space: nowrap;
  291. }
  292.  
  293. .menu th {
  294.   font: menu;
  295.   color: MenuText;
  296.   background-color: ThreeDFace;
  297.   border-left: 2px outset ThreeDLightShadow;
  298.   border-right: 2px ridge ThreeDDarkShadow;
  299.   padding: 0.15em;
  300.   padding-left: 1em;
  301.   padding-right: 1em;
  302.   white-space: nowrap;
  303. }
  304.  
  305. .menu td {
  306.   font-family: "Arial", "Tahoma", sans-serif;
  307.   font-size: 11px;
  308.   padding-left: 0.5em;
  309.   padding-right: 0.5em;
  310.   vertical-align: middle;
  311. }
  312.  
  313. .mainmenu th {
  314.   font: menu;
  315.   color: MenuText;
  316.   background-color: ThreeDFace;
  317.   padding: 4px;
  318.   padding-left: 0.5em;
  319.   padding-right: 0.5em;
  320. }
  321.  
  322. .mainmenu {
  323.   font: menu;
  324.   color: MenuText;
  325.   background-color: ThreeDFace;
  326.   padding: 0;
  327.   padding-left: 0.5em;
  328.   padding-right: 0.5em;
  329. }
  330.  
  331. .sep th {
  332.   border-top: 2px groove ThreeDLightShadow;
  333. }
  334.  
  335. .sep td {
  336.   border-top: 1px dotted black;
  337. }
  338.  
  339. th.sub {
  340.   padding-left: 3em;
  341. }
  342.  
  343. th.sub2 {
  344.   padding-left: 4.5em;
  345. }
  346.  
  347. .faketop th {
  348.   border-top: 2px outset ThreeDLightShadow;
  349.   padding-top: 0.4em;
  350. }
  351.  
  352. .fakebottom th {
  353.   border-bottom: 2px ridge ThreeDDarkShadow;
  354.   padding-bottom: 0.4em;
  355. }
  356.  
  357. .faketop td {
  358.   vertical-align: bottom;
  359. }
  360.  
  361. .fakebottom td {
  362.   vertical-align: top;
  363. }
  364.  
  365. td img {
  366.   margin: 0;
  367. }
  368.  
  369.  
  370. span.cool, .cool td {
  371.   color: red;
  372. }
  373.  
  374. .coolkey td, .coolkey th {
  375.   color: red;
  376. }
  377.  
  378. .info {
  379.   font-weight: bold;
  380.   text-decoration: underline;
  381. }
  382.  
  383. .ui a:link, .ui a:visited, .mainmenu a:link, .mainmenu a:visited {
  384.   color: MenuText;
  385.   text-decoration: none;
  386. }
  387.  
  388. .ui a:hover, .mainmenu a:hover {
  389.   color: HighlightText;
  390.   background-color: ActiveCaption;
  391.   text-decoration: none;
  392. }
  393.  
  394. .ui {
  395.   background-color: ThreeDFace;
  396.   color: MenuText;
  397.   padding: 0px;
  398.   padding-left: 0.5em;
  399.   padding-right: 0.5em;
  400.   font: menu;
  401.   text-align: left;
  402.   white-space: nowrap;
  403. }
  404.  
  405. .uifont {
  406.   font: menu;
  407.   text-align: left;
  408.   white-space: nowrap;
  409. }
  410.  
  411. /* input styles *****************************************************/
  412.  
  413. .button {
  414.   min-width: 75px;
  415.   min-height: 24px;
  416. }
  417.  
  418. .click {
  419.   width: 140px;
  420.   height: 50px;
  421. }
  422.  
  423. /* style for start page *********************************************/
  424.  
  425. table.startpage {
  426.   font-size: 13px;
  427.   margin-left: auto;
  428.   margin-right: auto;
  429. }
  430.  
  431. .startpage h2 {
  432.   margin: 0;
  433.   border-bottom: 1px solid black;
  434.   page-break-before: auto;
  435.   border-bottom: none;
  436. }
  437.  
  438. .startpage h3 {
  439.   margin-bottom: 0.5em;
  440. }
  441.  
  442. .startpage td {
  443.   padding-left: 1em;
  444.   padding-right: 1em;
  445.   font-weight: normal;
  446.   white-space: nowrap;
  447.   vertical-align: top;
  448. }
  449.  
  450. .startpage a:link, .startpage a:visited {
  451.   text-decoration: none;
  452.   color: black;
  453. }
  454.  
  455. .startpage a:hover {
  456.   text-decoration: none;
  457.   color: white;
  458.   background-color: black;
  459. }
  460.  
  461. .startpage ul, .startpage li { 
  462.   list-style: none;
  463.   margin: 0;
  464.   padding: 0;
  465.   spacing: 0;
  466. }
  467.  
  468. .pd {
  469.   width: 100%;
  470.   border-bottom: 1px dotted black;
  471. }
  472.  
  473.  
  474. /* styles for older versions *************************************/
  475.  
  476.  .key {
  477.   white-space: nowrap;
  478.  }
  479.  
  480. .sweet { 
  481.   font-weight: bold;
  482. }
  483.  
  484.  
  485. /* styles for editing (temporary) *************************************/
  486.  
  487. .tbd { 
  488.   color: red;
  489.   font-weight: bold;
  490. }
  491.  
  492. /* end of styles ****************************************************/
  493.